import { h, createTextVNode, getCurrentInstance } from '../../lib/min-vue.esm.js'
import { foo } from './Foo.js'
export const App = {
  name: 'App',
  render() {
    const app = h('div', {}, 'App')
    // const Foo = h(foo, {}, [h('p', {}, '123'), h('p', {}, '456')])
    // const Foo = h(foo, {}, h('p', {}, '123'))
    const Foo = h(
      foo,
      {},
      {
        header: ({ age }) => [h('p', {}, 'header' + age), createTextVNode('你好呀')],

        footer: () => h('p', {}, 'footer')
      }
    )

    return h('div', {}, [app, Foo])
    // return createTextVNode('你好呀')
  },

  setup() {
    const instance = getCurrentInstance()
    console.log('app', instance)
    return {}
  }
}
